<template>
  <div id="cglb_look">
    <div v-for="i in dataList" :key="i.name" class="lable">
      {{ i.label }}
      <div class="ds">
        <div v-for="x in i.children" :key="x.value" class="children">
          <el-button type="primary"> {{ x.label }}</el-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dataList: []
    }

  },
  created() {
    this.$axios.get('/other/external/getPolicyList').then(rs => {
      console.log(rs);
      if (rs) {
        this.dataList = rs.data.data
      }
    })
  },
 
}
</script>

<style lang='scss' scoped>
#cglb_look {
  padding-top: 20px;
  .lable {
    font-size: 24px;
    width: calc(100% - 80px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
    padding: 40px;
    // border: 2px solid rgba(102, 102, 102, 0.2);
    margin-bottom: 30px;
    .ds {
      display: flex;
      flex-wrap: wrap;
      .children {
        margin: 50px 40px 20px 40px;
       ::v-deep .el-button {
          cursor: auto;
        }
      }
    }
  }
}
</style>